<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/4.shopping cart.css">
    <link rel="stylesheet" href="../css/slider.css">
    <script src="../lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/shpping car.js"></script>

</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="wrapper">
            <div>
                <img src="../images/logo.jpg">
                <div class="top fr">
                    欢迎光临
                    <span>乐购</span>，
                    请 &emsp;登录\
                    <span>注册</span>
                    </div>
            </div> 
        </div>        
    </div>
    <div class="wrapper t1 clearfix">
        <div class="t3 fr">
            我的订单
          </div>
        <div class="t2 fr">
            <i></i>
           <span>购物车  3</span>
        </div>
         <span class="jl1 fr"></span>
        <input type="text" value="创意文具" class="fr">
        </div>
        <div class="wrapper fenlei">
          <ul class="fr">
            <li>
                <a href="../乐购商城-day7/2.product list.html">图书</a>
                </li>
            <li>
                <a href="../乐购商城-day7/3.product details.html">电子书</a>
            </li>
            <li>
                <a href="../乐购商城-day7/4.shopping cart.html">原创文学</a>
            </li>
            <li>
                <a href="../乐购商城-day7/5.register.html">服装</a>
            </li>
            <li>
                <a href="../乐购商城-day7/6.logon.html">户外运动</a>
            </li>
            <li>
                <a href="../乐购商城-day7/1.inex.html">孕婴装装</a>
            </li>
              <li>
                  <a href="">家具</a>
              </li>
              <li>
                  <a href="">创意文具</a>
              </li>
              <li>
                  <a href="">地方特产</a>
              </li>
              <li>
                  <a href="">海外购</a>
              </li>
              <li>
                  <a href="">电器城</a>
              </li>
          </ul>
      </div>
      <div class="clear"></div>
    </div>
    <!-- 头结束 -->
    
    <div class="wrapper mt45 tcenter">
        <div class="txdd">填写并核对订单信息</div>
        <table id="shopCar">
            <!-- 头部 -->
            <tr>
                <th width="100">
                    <input type="checkbox" class="select">
                    全选
                </th>
                <th width="600">商品</th>
                <th width="100">单价</th>
                <th width="300">数量</th>
                <th width="100">小计</th>
                <th width="100">操作</th>
            </tr>
            <!-- 内容 -->
            <tr>
                <td>
                    <input type="checkbox" class="box k2">
                </td>
                <td>
                    <img src="../images/书籍/22870923-1_l_1.jpg" alt="">
                    对付女朋友心理博弈必备套装
                </td>
                <td class="sprice">
                    99.00
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class=" reduce">-</span>
                </td>
                <td class="tprice">
                    41.00
                </td>
                <td>
                    <a href="#">删除</a>
                    <p>移到我的关注</p>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="box k2">
                </td>
                <td>
                    <img src="../images/书籍/22472496-1_l_2.jpg" alt="">
                    梦的解析，你想每天做白日梦吗？
                </td>
                <td class="sprice">
                    41.00
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class=" reduce">-</span>
                </td>
                <td class="tprice">
                    41.00
                </td>
                <td>
                    <a href="#">删除</a>
                    <p>移到我的关注</p>
                </td>
            </tr>

            <!-- 尾部 -->
            <tr>
                <td> 
                    <input type="checkbox" class="select">
                    全选
                </td>
                <td colspan="2">删除选中商品</td>
                <td>已选择&nbsp;  <span class="one totalNum">1</span> &nbsp;  件商品</td>
                <td class="oneff">
                    总价 <span class="one totalPrice">41.00</span>
                </td>
                <td>
                   <input type="button" value="去结算" class="qjs">
                </td>
            </tr>

        </table>
    </div>
     <!-- 猜你喜欢 -->
        <!-- 内容 -->
        <div class="tszk wrapper">
            <div class="tszk1">
                猜你喜欢
            </div>
        </div>
        <div class="zkq wrapper clearfix">
            <div class="zkq1">
             <img src="../images/书籍/22935553-1_l.jpg" alt="">
             <img src="../images/微信图片_20210512184915.png" alt="">
             <p class="zkq2">白夜行&emsp;东野上吾</p>
             <span class="zkq3">&nbsp;&nbsp;推荐</span>
             <img src="../images/微信图片_20210512184920.png" alt="">
             <p class="zkq4">￥：38
             <span class="zkq5">￥58</span>
             </div>
             <div class="zkq1">
                <img src="../images/书籍/22935553-1_l.jpg" alt="">
                <img src="../images/微信图片_20210512184915.png" alt="">
                <p class="zkq2">白夜行&emsp;东野上吾</p>
                <span class="zkq3">&nbsp;&nbsp;推荐</span>
                <img src="../images/微信图片_20210512184920.png" alt="">
                <p class="zkq4">￥：38
                <span class="zkq5">￥58</span>
                </div>
                <div class="zkq1">
                    <img src="../images/书籍/22935553-1_l.jpg" alt="">
                    <img src="../images/微信图片_20210512184915.png" alt="">
                    <p class="zkq2">白夜行&emsp;东野上吾</p>
                    <span class="zkq3">&nbsp;&nbsp;推荐</span>
                    <img src="../images/微信图片_20210512184920.png" alt="">
                    <p class="zkq4">￥：38
                    <span class="zkq5">￥58</span>
                    </div>
                 <div class="zkq1">
                <img src="../images/书籍/22935553-1_l.jpg" alt="">
                 <img src="../images/微信图片_20210512184915.png" alt="">
                  <p class="zkq2">白夜行&emsp;东野上吾</p>
                <span class="zkq3">&nbsp;&nbsp;推荐</span>
                 <img src="../images/微信图片_20210512184920.png" alt="">
                  <p class="zkq4">￥：38
                 <span class="zkq5">￥58</span>
                 </div>
                     <div class="zkq1">
                     <img src="../images/书籍/22935553-1_l.jpg" alt="">
                     <img src="../images/微信图片_20210512184915.png" alt="">
                      <p class="zkq2">白夜行&emsp;东野上吾</p>
                     <span class="zkq3">&nbsp;&nbsp;推荐</span>
                  <img src="../images/微信图片_20210512184920.png" alt="">
                 <p class="zkq4">￥：38
                <span class="zkq5">￥58</span>

            </ul>
            <div class=".clear"></div>
        </div>
<div class="wrapper kong0"></div>
<!-- 脚 -->
<div class="haibao1 wrapper"></div>
<div class="food">
    <div class="xian1"></div>
    <div class="jiao1">
        <div class="jiao2 wrapper clearfix">
          <ul class="fl">
            <li class="dp1"></li>
            <li class="dp2"></li>
            <li class="dp3"></li>
            <li class="dp4"></li>
          </ul>
        </div> 
    </div>
</div>
<div class="footer wrapper ">
       <ul>
           <h2>购物指南</h2>
           <li>购物流程</li>
           <li>发票制度</li>
           <li>账户管理</li>
           <li>会员优惠</li>
       </ul>
       <ul>
        <h2>支付方式</h2>
        <li>货到付款</li>
        <li>网上支付</li>
        <li>礼品卡支付</li>
        <li>银行转账</li>
    </ul>
    <ul>
        <h2>订单服务</h2>
        <li>订单配送查询</li>
        <li>订单状态说明</li>
        <li>自助取消订单</li>
        <li>自助修改订单</li>
    </ul>
    <ul>
        <h2>退换货</h2>
        <li>退换货政策</li>
        <li>自助申请退换货</li>
        <li>退换货进度查询</li>
        <li>退款方式和时间</li>
    </ul>
    <ul>
        <h2>商家服务</h2>
        <li>商家中心</li>
        <li>运营服务</li>
        <li>加入尾品汇</li>
    </ul>
    <img class="fl" src="../images/logo_00.png" alt="">
</div>
<div class="di1 wrapper">
    <ul class="clearfix">
        <li>公司简介</li>
        <li>lnvestor Relations</li>
        <li>网站联盟</li>
        <li>乐购招商</li>
        <li>机构销售</li>
        <li>手机乐购</li>
        <li>官方Blog</li>
        <li style="border: none;">热词搜索</li>
    </ul>
    <p>Copyright&nbsp;&nbsp;&nbsp;(C)&nbsp;&nbsp;&nbsp;乐购网&nbsp;&nbsp;
        2004-2016.&nbsp;&nbsp;&nbsp;
        All&nbsp;&nbsp; Reserved</p>
</div>
</body>
</html> 